import React from 'react';
import { Row, Col } from 'antd';
import style from './style.less';

class Message extends React.Component {
    render() {
        const { formData } = this.props;

        return (

            <Row className={style.message}>
                {
                    formData.map( ( item, index ) => {
                        return ( <Col xs={12} sm={12} md={8} lg={6} xl={6} key={index}>
                            <span>{item.name}:</span>
                            <span>{item.value}</span>
                        </Col> )
                    } )
                }

            </Row>
        )
    }
}

export default Message;